<template>
  <div>
    <mc-border
      :mc-border-image-slice-top="51":mc-border-image-slice-right="46":mc-border-image-slice-bottom="29":mc-border-image-slice-left="122"
      :mc-border-width-top="32":mc-border-width-right="24":mc-border-width-bottom="23":mc-border-width-left="84" mc-padding="20px"
      :mc-border-image-source="url" style="width: 80%;height: 600px"
    >
      <el-button>按钮</el-button>
    </mc-border>
  </div>
</template>

<script>
import McBorder from "./components/McBorder";
export default {
    data(){
      return {
        url:"public/border.png"
      }
    },
    components:{
      McBorder,
    },
    methods:{

    }
}
</script>

<style>

</style>
